<template>
  <div id="noResource">
    <!-- <img :src="Assets" alt=""/> -->
   <span class="callback">返回首页</span>
  </div>
</template>
<script>
import imgs from 'assets/img/404.gif'
export default {
  name:'no_resource',
  data(){
    return{
       Assets:imgs
    }
  }
}
</script>
<style>
  #noResource{
    background: url(../../assets/img/404.gif) no-repeat ;
    background-size: 100% 100%;
    width: 100%;
    height: 100vh;
  }
  #noResource .callback{
    margin: 1rem;
    padding: 0.5rem;
    display: inline-block;
    font-size: 1rem;
    color: white;
  }
  #noResource .callback:hover{
    border:solid 1px white;
    border-radius: 10px;
    transition:all 1s; 
  }
</style>


